﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>html5曲线柱形统计图表代码 - A5源码</title>

<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript" src="jqplot.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	var data = [[1,2,3,4,5,6,7,8,9],[3,6,8,1,11,22,4,21,6],[3,6,3,3,11,22,4,3,6]];
	var data_max = 30; //Y轴最大刻度
	var line_title = ["A","B","C"]; //曲线名称
	var y_label = "这是Y轴"; //Y轴标题
	var x_label = "这是X轴"; //X轴标题
	var x = [1,2,3,4,5,6,7,8,9,10,11,12]; //定义X轴刻度值
	var title = "这是标题"; //统计图标标题
	j.jqplot.diagram.base("chart1", data, line_title, "这是统计标题", x, x_label, y_label, data_max, 1);
	j.jqplot.diagram.base("chart2", data, line_title, "这是统计标题", x, x_label, y_label, data_max, 2);	 
});
</script>

</head>
<body>

	<div id="chart1"></div>
	<div id="chart2"></div> 

	
	
	
</div>
</body>
</html>

